*{margin:0; padding: 0;}


body{
   font-family: 微软雅黑;
   font-size: 14px;}
   .box{width:1349px;
        margin:0 auto;
     }
.topbar{
   width:1349px;
   height:76px;
   background:
   -webkit-radial-gradient(circle,white,rgb(230,230,230));
    
    }
.nav{    position: absolute;
          top:30px;
         margin-left: 47%;
    }
.nav a{
        display: inline-block;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        color:#999;}
   .nav a:hover{
        -webkit-transform:rotate(10deg);
        -moz-transform:rotate(10deg);
        -o-transform:rotate(10deg);
        -ms-transform:rotate(10deg);
        transform:rotate(10deg);
      }

.nav li{
   position:relative;
        display:inline-block;
        padding:0 16px;
        font-size: 18px;
        list-style: none outside none;
      }
.nav li:not(:last-of-type):after{
content:"";
width:1px;
height:16px;
position:absolute;
top:50%;
margin-top:-8px;
right:0;
background-image:
linear-gradient(to bottom,#999,#666);
      }
/*删除第一项和最后一项导航分隔线*/
.nav1 li:first-child::before{
 display: none;
   }
.nav1 li:last-child::after{
   display: none;
 }
 .nav a,.nav a:hover{
  
  text-decoration: none;
    }

.mid{
   width:1349px;
   height: 280px;
   border-top:1px solid black;
   background-image:
    -webkit-radial-gradient(circle,#c3610a ,#580e03); 
    border-bottom:1px solid black;}
.touming{

   width: 1349px;
   height: 260px;
   background:rgba(250,250,250,.1);
   position: relative;
   top: 10px;
}
.foot{
  width: 1349px;
   height: 270px;
   background:rgba(250,250,250,.1);
   position: relative;
   top: 30px;
}
.mid_1{
   height:340px; 
   background:rgba(250,250,250,.1);
   margin:0 auto;
}

.mid2{
background:url(../picture/bgp1.jpg) no-repeat center center scroll;
background-size: cover;
width: 1349px;
height: 383px;
/*background-image: */
/*linear-gradient(to bottom,#d8dbd9,white,#efefef);*/
}


.logo{position: absolute;top: -25px; margin-left: 15%;}

.footerend{width: 1349px;
height: 40px;
background-image:linear-gradient(to left, #580e03,#c3610a,#580e03); }


.footerend p{line-height: 40px;
   margin-left: 100px; 
   opacity: .7;
    float: left;}
.footerend p a{text-decoration:none; 
     color:yellow;
   }
.footerend p a:hover{color:orange;}
.cartoon{margin-left: 66%;margin-top: 40px;
  box-shadow: 2px 6px 25px black;}
.touming h1{color: #f6f0ea; margin-left: 16%; position: relative;
top: 10%;float:left;}
.list{width: 1300px; margin-left:3%; line-height: 2em;}
.mid2 ul{list-style: none;text-align: center;}
.mid2 ul li{float: left; 
  font-family:微软雅黑;
  width:200px;
   height: 260px;
background: rgba(0, 0, 0, .2);
margin-left: 10px;position:relative;top:40px; }
.mid2 ul li p{font-size: 24px; color:brown; position: relative;top: 14px;}
.mid2 ul li a{text-decoration: none; color:brown; font-size: 16px;
  font-family: 微软雅黑;}
.mid2 ul li a:hover{color:#fce17e; text-decoration: underline;}
.a1{position: relative;top:43px;}
.a1{ padding: 6px; 
  box-shadow: 5px 5px 16px black;
    margin-left: 200px;}

.b1{position: absolute;left: 0;margin-top: 60px; margin-left: 160px;}
.b1:hover{transform: translate(200px,0); transition: 1s;}
.thank{color: white;font-family: forte;
font-size: 18px;
margin-top: -120px;position: relative;margin-left: 400px;}
#C{color: #a74b08;}




